<template>
  <!-- <div>foodIndex</div> -->
  <router-view></router-view>
  <van-tabbar route v-model="active" active-color="gold" inactive-color="#000">
    <van-tabbar-item to="/shop" icon="wap-home">首页</van-tabbar-item>
    <van-tabbar-item to="/order" icon="balance-list">订单</van-tabbar-item>
    <van-tabbar-item to="/profile" icon="manager">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
import { ref } from 'vue'
export default {
  setup() {
    const active = ref(0)
    return {
      active
    }
  }
}
// 引入底部导航
// import FooterGuide from '@/components/FooterGuide/FooterGuide.vue'
</script>

<style lang="scss" scoped>

</style>
